<template>
  <view class="content">
    <view class="faq-item" v-for="(item, index) in faqData" :key="index">
      <view class="question">{{ item.question }}</view>
      <view class="answer">{{ item.answer }}</view>
    </view>
  </view>
</template>

<script setup>
import { ref } from 'vue'
const faqData = ref([
        {
          question: "1.平台支持回收的卡券有哪些？",
          answer: "云上收卡券回收平台目前只针对官网展示的卡券进行回收处理，包括话费卡、加油卡、游戏卡、电商卡、商超卡、美食券、出行券、影音券等上百种卡券。如果没有您想要提交的卡可以联系客服，后期我们会不断上架更多的卡类，也可以关注公众号留意官网公告的更新哦。",
        },
        {
          question: "2.不支持回收的卡券有哪些？",
          answer: "平台上没有展示的卡种暂不回收。凡是通过传销、诈骗、洗钱、偷盗等非法手段获得的卡券平台均不回收，一经发现将冻结账户，并向公安机关反馈。",
        },
        {
          question: "3.为什么需要实名认证？",
          answer: "为了保障用户账户资金安全，以及落实互联网关于实名认证的相关政策，使用平台的用户均需完成实名认证。平台实名认证委托安全、可靠的E签宝进行认证,对提交的身份信息也会严格遵守隐私保护条例进行保",
        },
      ])
</script>

<style scoped lang="scss">
page {
  background-color: #f3f5f9;
  height: 100%;
  overflow: hidden;
}
.content {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  background-color: #f5f5f5;
}

.faq-item {
  background-color: #fff;
  border-radius: $uni-border-radius-base;;
  margin-bottom: 20px;
  padding: 20px;
  max-width: 600px;
}

.question {
  font-size: 20px;
  color: #ff6600;
  margin-bottom: 10px;
}

.answer {
  font-size: 16px;
  color: #666;
  line-height: 1.6;
}
</style>